<template>
  <div class="box3">
      <ctnav/>
    <div class="xian"></div>
      <ul class="ul2">
          <li v-for="(item , index) in arr" v-bind:key="index">
              <img v-bind:src="item.img" alt="">
              <a href="">
                  {{item.msg}}
              </a>
          </li>
      </ul>
  </div>
</template>

<script>
import ctnav from './content-left-head'
export default {
    props:['arr'],
    components:{
        ctnav,
    }

}
</script>

<style>
    
    .content .box3{
        width:750px;
        padding:20px;
    }
    .content .box3 .ul2{
        display:flex;
        flex-wrap:wrap;
    }
    .content .box3 .ul2 li{
        width:140px;
        margin-right:40px;
    }
    .content .box3 .ul2 li a{
        text-decoration: none;
        color:#000;
    }
    .xian{
        width:750px;
        height:3px;
        background:red;
        margin-top:10px;
        margin-bottom:20px;
    }
</style>